<template>
  <div class="fsConfig">
    <PageTitle :title="'File System Configuration'">
      <template v-slot:operate>
        <n-button  class="title-oparate" size="large" @click="$router.push('/fsconfig/1')">Previous</n-button>
        <n-button  class="title-oparate" size="large" @click="$router.push('/fsconfig/2')">Next -></n-button>
      </template>
    </PageTitle>
    <div class="operate-main">
      <LeftStep :curStep="$router.currentRoute.value.path.split('/')[2]"></LeftStep>
      <router-view  class="operate-right"/>
    </div>
  </div>
</template>

<script setup>
import PageTitle from '@/components/PageTitle'
import LeftStep from '@/components/LeftStep'
import { NButton } from 'naive-ui'

</script>

<style scoped>
@import "@/style/operateWarp.css";

.fsConfig {
  padding: 0 var(--lrWhite);
}
</style>
